<template>
  <div class="parent">
    <Parent v-if="parent.parent" :parent="parent.parent" class="list" />
    {{parent.content}}
  </div>
</template>

<script>
export default {
  name: "Parent",
  props: {
    parent: Object
  }
};
</script>

<style lang="less" scoped>
.parent {
  padding: 10px;
  margin: 10px;
  width: 500px;
  background-color: #e4e4e4;
  .list {
    width: 400px;
    background-color: #fff;
  }
}
</style>